
.normal {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.head {
  margin-bottom: 20px;
  background: #3E4959;
  height: 80px;
  padding: 8px;
  color: #fff;
}

.content {
  flex: 1;
  display: flex;
}

.main {
  padding: 8px;
  width: 60%;
  flex: 1 0 auto;
}

.foot {
  margin-top: 20px;
  background: #6b9d25;
  padding: 8px;
}

.bind_lside {
  padding: 8px;
  width: 20%;
  min-width: 180px;
  //background: #ECECEC;
  margin-right: 20px;
  margin-bottom: 20px;
}

.bind_cside {
  padding: 8px;
  width: 50%;
  min-width: 220px;
  //background: #ECECEC;
  margin-right: 20px;
  margin-bottom: 20px;
}

.bind_rside {
  padding: 8px;
  width: 30%;
  min-width: 220px;
  //background: #ECECEC;
  margin-right: 20px;
  margin-bottom: 20px;
}

.image_side {
  padding: 8px;
  width: 30%;
  min-width: 300px;
  background: #ECECEC;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.image_main {
  padding: 8px;
  width: 65%;
  flex: 1 0 auto;
  margin-bottom: 60px;
  margin-left: 50px;
  margin-right: 100px;
}

.search_center {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.show_lside {
  padding: 8px;
  width: 16%;
  min-width: 180px;
  //background: #ECECEC;
  margin-right: 20px;
  margin-bottom: 20px;
}

.show_rside {
  padding: 8px;
  width: 22%;
  min-width: 220px;
  //background: #ECECEC;
  margin-right: 20px;
  margin-bottom: 20px;
}

.show_main {
  padding: 8px;
  width: 62%;
  flex: 1 0 auto;
}

.sub_side {
  padding: 8px;
  width: 50%;
  min-width: 200px;
  //background: #ECECEC;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.cat_side {
  padding: 8px;
  width: 50%;
  min-width: 200px;
  //background: #ECECEC;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.table_center {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.tableDetail_center {
  margin-bottom: 20px;
  width: 55%;
  margin-left: auto;
  margin-right: auto;
}

.share_lside {
  padding: 8px;
  width: 25%;
  min-width: 220px;
  //background: #ECECEC;
  margin-right: 20px;
  margin-bottom: 20px;
}

.share_main {
  padding: 8px;
  width: 75%;
  flex: 1 0 auto;
}

.sub_rowcenter {
  margin-left: auto;
  margin-right: auto;
}

.changelog_center {
  width: 50%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}


.dic_lside {
  padding: 8px;
  width: 50%;
  min-width: 200px;
  //background: #ECECEC;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.dic_rside {
  padding: 8px;
  width: 50%;
  min-width: 200px;
  //background: #ECECEC;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.login_center {
  margin-bottom: 20px;
  width: 350px;
  //background: #3E4959;
  margin-left: auto;
  margin-right: auto;
}

.home_center {
  width: 100%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.home_llside {
  padding: 8px;
  width: 15%;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.home_lside {
  padding: 8px;
  width: 240px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.home_rside {
  padding: 8px;
  width: 45%;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.home_rrside {
  padding: 8px;
  width: 15%;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

